<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // 在 JavaScript中，对象是一组无序的相关属性和方法的集合，所有事物都是对象，例如字符串、数值、数组、函数等
    // 对象是由属性和方法组成的
    // (1) 属性：事物的特征，在对象中用属性来表示（常用名词）
    // (2) 方法：事物的行为，在对象中用方法来表示（常用动词）


    // 创建对象的方法
    // 1. 利用字面量创建对象
    // var obj = {}; // 创建了一个空的对象
    var obj = {
      uname: '易烊千玺',
      sex: '男',
      age: '18',
      sayHi: function () {
        console.log('hi');
      }
    }
    // (1) 里面的属性或者方法我们采取键值对的形式，键 属性名： 值 属性值
    // (2) 多个属性或者方法中间用逗号隔开的
    // (3) 方法冒号后面跟的是一个匿名函数

    // 2. 使用对象
    // (1). 调用对象的属性名 我们采取 对象名.属性名
    console.log('他的名字是：' + obj.uname);
    // (2) 调用属性还有一种方法 对象名['属性名']
    console.log(obj['age']);
    // (3) 调用对象的方法 sayHi   对象名.方法名()   千万别忘记添加小括号
    obj.sayHi();

  </script>
</head>

<body>

</body>

</html>